<%--
  Created by IntelliJ IDEA.
  User: xixixili
  Date: 2020/4/3
  Time: 14:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>咸鱼注册</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/regist.css">
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>

</head>
<body>
<!--=================head==================-->
<div class="top">
    <div class="top-log">
        <div class="logo">
            <a href=""><img src="${pageContext.request.contextPath}/images/xianyu.jpg" width="90" height="40"></a>
        </div>
    </div>
</div>
<div class="head-second">
    <b></b>
    <p>
        依据《网络安全法》，为了保障宁德账户安全和正常使用，请尽快完成手机号验证！新版《咸鱼隐私政策》已上线，讲更有利于保护您个人的隐私。
    </p>
</div>
<!--================主体框架======================-->
<div class="main">

    <div class="left-form">
        <div class="hidden ">
            <b></b>
            <p class="tip-regist"></p>
        </div>
        <form id="register-form" method="post">
            <div class="user-tel-box">
                <label class="label-l">手机号:</label>
                <div class="usertel-inpt">
                    <input type="text" placeholder="请输入您的手机号" class="usertel" name="customerTelno">
                    <b></b>
                </div>
            </div>
            <div style="display: inline-block">
                <p class="error-tip error-tel"  >
                    <i></i>
                    <span class="error-text ">请输入您的手机号</span>
                </p>
            </div>
            <!--========-->
            <div class="user-code-box">
                <span class="label-l">手机验证码:</span>
                <div class="code-ipt">
                    <input type="text" placeholder="手机验证码" class="usercode">
                    <input type="button" value="获取验证码" class="code-btn">
                </div>
            </div>
            <div style="display: inline-block">
                <p class="error-tip error-code"  >
                    <i></i>
                    <span class="error-text">请输入正确的验证码</span>
                </p>
            </div>

            <div class="psd-box">
                <span class="label-l">设置密码:</span>
                <div class="psd-ipt">
                    <input type="password"  placeholder="6-20位字母、符号或数字"class="userpsd"  name="customerPassword">
                    <b></b>
                </div>
            </div>

            <div style="display: inline-block">
                <p class="error-tip error-psd" >
                    <i></i>
                    <span class="error-text"></span>
                </p>
            </div>

            <div class="chack-psd-box">
                <span class="label-l">确认密码:</span>
                <div class="chack-psd-ipt">
                    <input type="password"  placeholder="再次输入密码" class="chack-psd">
                    <b></b>
                </div>
            </div>
            <div style="display: inline-block">
                <p class="error-tip error-chackPsd">

                    <i></i>
                    <span class="error-text"></span>

                </p>
            </div>

            <div>
                <input type="checkbox" class="checkbox">
                <p class="checkbox-p">我已阅读并同意<span class="checkbox-protocol">《易果服务协议》《隐私政策 》</span></p>
            </div>
            <div >
                <input type="button" value="立即注册" class="regist-btn">
            </div>
        </form>

    </div>
    <div class="regist-right">
        <p class="regist-p">我已经注册，现在就
            <a href="/fresh/customer/login.jsp">登录</a>
        </p>
        <div>
            <img src="${pageContext.request.contextPath}/images/register-rightImg.png" alt="" class="registR-img">
        </div>
    </div>
</div>


<!--=======================bottom=====================-->
<div class="bottom">
    <div class="bottom-top">
        <a href="" class="bottom-font">关于我们</a> |
        <a href="" class="bottom-font">联系我们</a> |
        <a href="" class="bottom-font">人才招聘</a> |
        <a href="" class="bottom-font">商家入驻</a> |
        <a href="" class="bottom-font">广告服务</a> |
        <a href="" class="bottom-font">友情链接</a> |
        <a href="" class="bottom-font">销售联盟</a> |
        <a href="" class="bottom-font">咸鱼社区</a>
    </div>
    <div class="bottom-bottom">
        Copyright © 2019-2020  咸鱼XY.com 版权所有
    </div>
</div>

<script src="${pageContext.request.contextPath}/js/regist.js"></script>
</body>
</html>
